/*
  学习目标：样式处理
  1. 行内样式
  2. 外部样式
*/

import React from 'react';
import ReactDOM from 'react-dom';
import './base.css';

const divNode = (
  <div>
    {/* 语法:  style = {{css属性名: 属性值}} */}
    {/* 💥
      1. css属性名, 不支持连字符, 如 "font-size", 👍 推荐fontSize
      2. 单位为px时, 可以省略为数字写法
    */}
    <h1 style={{ color: 'red', fontSize: 12 }}>我是一个红色的文字</h1>
    <div className="box2">123</div>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
